* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
}
#container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
  .sort_add {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .sort {
      display: flex;
      align-items: center;
      .sort_by {
        display: flex;
        align-items: center;
        span {
          padding-left: 15px;
          cursor: pointer;
        }
      }
    }
    .add {
      cursor: pointer;
    }
  }
  .list {
    padding: 10px;
    .list_item {
      position: relative;
      display: flex;
      align-items: center;
      padding: 10px;
      .rank {
        width: 5%;
      }
      .title {
        width: 30%;
        padding: 10px 20px;
      }
      .desc {
        width: 65%;
      }
      .del {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 20px;
        cursor: pointer;
      }
    }
  }
}